import React from 'react';
import base64url from "base64url";
import { connect } from 'dva'
import { routerRedux } from 'dva/router';
import { Icon, List, WhiteSpace, InputItem, Button} from 'antd-mobile';
import { createForm } from 'rc-form';
import styles from './selfInfo.less';

import NavBarItem from '../../../components/WitNavBar/index'
const Item = List.Item;
const empty = require('is-empty');
class Mine extends React.Component{

  constructor(props){
    super(props);
    this.state={}
  }

  //提交
  submit =() =>{
    console.log('提交了！')
  };

  render(){
    const { getFieldProps, getFieldError } = this.props.form;

    const phone ='130*****4184';


    return(
      <div>
        {/*<NavBarItem title="修改手机号"/>*/}
        <form>
          <List renderHeader={() => '输入您要绑定的手机号'}
          >

            <InputItem {...getFieldProps('password')} placeholder="请输入手机号" type="password">
              新手机号
            </InputItem>
            <InputItem {...getFieldProps('password')} placeholder="6位数验证码" type="password">
              验证码
            </InputItem>
          </List>
        </form>

        <WhiteSpace size="xl" />
        <div style={{width:'80%',marginLeft:'1.5rem'}}>验证码已发送新手机号，请注意查收</div>
        <Button
          style={{width:'90%',margin:'auto auto 0.2rem',backgroundColor:'#ff0000'}}
          type="primary"
          onClick={this.submit}
        >
          完成
        </Button>
      </div>
    )
  }
}
const Form = createForm()(Mine);
function mapStateToProps({manualMember}) {
  return {manualMember}
}
export default connect(mapStateToProps)(Form);
